HIPERENLACES

La característica principal de una página Web es que podemos incluir Hyperenlaces. Un Hyperenlace es un elemento de la página que hace que el navegador acceda a otro recurso, otra página Web, un archivo, etc...

Para definir un hiperenlace podemos utilizar cualquier elemento HTML, no debe ser texto necesariamente, podemos usar cualquier estilo, desde una imagen, etc.... Un hiperenlace igualmente podr� definirse dentro de cualquier elemento HTML, lista, p�rrafos de texto, tablas, formularios.

<A HREF=> HIPERENLACE

Para incluir un Hyperenlace se utiliza la directiva <A></A>. El texto o imagen que se encuentre dentro de los límites de esta directiva será sensible, esto quiere decir que si pulsamos con el raton sobre el, se realzará la funcion de hyperenlace indicada por la directiva <A></A>. Si el Hyperenlace esta indicado por un texto, este aparecerá subrayado y en distinto color, si se trata de una imagen, esta aparecerá con un borde rodeándola. Esta directiva tiene el parámetro href que indica el lugar a donde nos llevará el Hyperenlace si lo pulsamos.

EjemploSe veria como
<A href = "http://www.lander.es/"> Pulse para ir a la página de Lander Internet</A> Pulse para ir a la página de Lander Internet

Si situamos el ratón encima de la frase y pulsamos, el navegador accederá a la página Web indicada por el parámetro href, es decir, accederá a la página situada en http://www.lander.es



<A HREF=""><IMG SCR=""></A> Hiperenlaces en gráficos

EjemploSe veria como
Para buscar en Internet :
<A href = "http://www.yahoo.com/" >
<IMG
src = "yahoo.gif"></A>
Para buscar en Internet :

Pulsando sobre la imagen se accedería a la pagina situada en http://www.yahoo.com/.


<A NAME=> Hiperenlace interno

Un Hyperenlace tambien puede llevarnos a una zona de nuestra página. Para ello debemos marcar en nuestra pagina las diferentes secciones en las que se divide. Lo haremos con el parametro name.

Ejemplo:
<A name = "seccion1"></A>...

Esta instrucción marca el inicio de una sección dentro de nuestra página. La seccion se llamará seccion1. Para hacer un enlace a esta sección dentro de nuestra página lo haríamos de la siguiente forma :

<A href = "#seccion1">Primera Parte</A>

Ejemplo:


Se comunica con el apartado 1







Ejemplo apartado 1


Hiperenlace externo con sección

O tambien podremos hacer un link a otra página a una sección en concreto. Ejemplo:

<A href = "par.html#seccion3">Primera Parte</A>


Ejemplo de un enlace a otra página a una sección determinada

Un Hyperenlace puede hacerse a cualquier tipo de fichero. Con las directivas anteriores hemos visto como hacer enlaces a páginas Web o secciones dentro de una página web, pero podríamos hacer un Hyperenlace a un grupo de noticias, o a otro servicio de Internet.

Ejemplo:
<A href = "news://news.lander.es/">News de Lander Internet</A>


<A HREF=mailto:> Hiperenlace a Correo Electrónico

Asimismo podemos hacer que el Hyperenlace de como resultado el envío de un correo electrónico a una dirección de correo determinada, con el comando
.

<a href=mailto:(direccion de correo)> (Texto enlazado)</a>


Ejemplo:

jrivera@lander


También podemos realizar un Hyperenlace a un fichero cualquiera. En este caso el navegador intentará "ejecutar" el fichero, y si no puede hacerlo nos preguntará si deseamos grabarlo en nuestro ordenador. Esta es una forma sencilla de permitir a los visitantes de nuestra página copiar ficheros a su ordenador.

Ejemplo:
<A href = "manual.zip">Tambien se pueden crear enlaces a archivos zip.</A>

Definici�n

     URL es el acr�nimo de (Uniform Resource Locator), localizador uniforme de recursos y permite localizar o acceder de forma sencilla cualquier recurso de la red desde el navegador de la WWW.

      Con la WWW se pretende unificar el acceso a informaci�n de servicios que antes eran incompatibles entre s�, tratando de conseguir que todos los servicios de internet sean accesibles a trav�s de la WWW, de esta forma desde un mismo programa se puede tener acceso a todos los recursos de una forma uniforme y permite que los documentos HTML incluyan enlaces a otras fuentes de informaci�n en servicios como FTP, gopher, WAIS, etc ...

Uso y Formato

     Las URL se utilizar�n para definir el documento de destino de los hiperenlaces, para referenciar los gr�ficos y cualquier otro fichero que se desee incluir dentro de un documento HTML. Cada elemento de internet tendr� una URL que lo defina, ya se encuentre en un servidor de la WWW, FTP, gopher o las News.

     El formato de una URL ser�:

     servicio://maquina.dominio:puerto/camino/fichero

     El servicio ser� alguno de los de internet, estos pueden ser:

     http: (HyperText Transport Protocol), es el protocolo utilizado para transmitir hipertexto. Todas las p�ginas HTML en servidores WWW deber�n ser referenciadas mediante este servicio. Indicar� conexi�n a un servidor de la WWW.

     https: (HyperText Transport Protocol Secure), es el protocolo para la conexi�n a servidores de la WWW seguros. Estos servidores son normalmente de �mbito comercial y utilizan encriptaci�n para evitar la intercepci�n de los datos enviados, usualmente numeros de tarjeta de credito, datos personales, etc ..., realizar� una conexi�n a un servidor de la WWW seguro.

     ftp: (File Transfer Protocol), utilizar� el protocolo FTP de transferencia de ficheros. Se utilizar� cuando la informaci�n que se desee acceder se encuentre en un servidor de ftp. Por defecto se acceder� a un servidor an�nimo (anonymous), si se desea indicar el nombre de usuario se usar�: ftp://maquina.dominio@usuario, y luego le pedir� la clave de acceso.

     gopher, wais: Cualquiera de estos servicios de localizaci�n de informaci�n, se indicar� el directorio para localizar el recurso concreto.

     news: Accede al servicio de news, para ello el visualizador de la WWW debe ser capaz de presentar este servicio, todos no lo son. Se indicar� el servidor de news y como camino el grupo de noticias al que se desea acceder: news://news.lander.es/musica.

     telnet: Emulaci�n de terminal remota, para conectarse a maquina multiusuario, se utiliza para acceder a cuentas p�blicas como por ejemplo la de biblioteca. Lo normal es llamar a una aplicaci�n externa que realice la conexi�n. En este caso se indicar� la maquina y el login: telnet://maquina.dominio@login.

     mailto: Se utilizar� para enviar correo electr�nico, todos los navegadores no son capaces. En este caso solo se indicar� la direcci�n de correo electr�nico del destino: mailto://alias. correo@domino.

     La maquina.dominio indicar� el servidor que nos proporciona el recurso, en este caso se utilizar� el esquema IP para identificar la maquina ser� el nombre de la maquina y el dominio. En este caso el dominio siempre ser� lander.es. Por tanto un nombre valido de maquina ser� www.lander.es.

     Es muy importante indicar siempre el dominio, ya que debemos suponer que se conectar�n a nuestras p�ginas desde servidores externos a nuestra red local por tanto si no indicamos el dominio las URL que especifiquemos no podr�an ser seguidas por los navegadores externos. Si en vez de www2.uca.es utilizamos www2 ser� perfectamente accesible por cualquier maquina de nuestra red local pero si se referenciara desde una red con distinto dominio la maquina www2 ser� la maquina llamada as� en el dominio remoto si existiera, que no es la que deseamos referenciar.

     El puerto TCP es opcional y lo normal es no ponerlo si el puerto es el mismo que se utiliza normalmente por el servicio. Solo se utilizar� cuando el servidor utilice un puerto distinto al puerto por defecto.

     El camino ser� la ruta de directorios que hay que seguir para encontrar el documento que se desea referenciar. para separar los subdirectorios utilizaremos la barra de UNIX /, se usa por convenio al ser este tipo de maquinas las m�s usadas como servidores. El nombre de los subdirectorios y del fichero referenciado puede ser de m�s de ocho caracteres y se tendr� en cuenta la diferencia entre may�sculas y min�sculas en el nombre.

     La extensi�n de los ficheros ser� tambi�n algo importante, ya que por ella sabe el servidor el tipo de documento que se accede e indica al cliente (navegador) el modo en que debe tratarse ese documento. Para definir los tipos de documentos se utiliza los tipos MIME. Las extensiones m�s normales con sus tipos correspondientes son:

Tipo MIMEExtensi�nTipo de fichero
text/html html � .htm, documento HTML
text/plain .txtpor defecto, texto plano
image/gif .gif imagen de formato GIF
image/jpeg jpg � .jpeg imagen de formato JPEG

     El navegador de la WWW, realiza una acci�n para cada tipo de fichero, solo los que sean del tipo text/html ser�n mostrados como documentos HTML. En el caso de que el tipo no sea conocido por el cliente se considerar� por defecto como un documento de texto normal.

     Si no se indica un fichero y solo referenciamos un directorio accederemos a la p�gina html por defecto de ese directorio. En el servidor est�n definidos unos ficheros para ser usados si no de indica un fichero concreto, el nombre que debe tener este fichero es en nuestro caso index.htmindex.html. En caso que no exista este fichero se mostrar� un listado de todos los documentos que forman el directorio. Este fichero es la p�gina inicial (home page) del servidor o del espacio Web.

     Algunos ejemplos de URL podr�an ser:
URLDefinici�n
http://www.lander.esEn este caso solo se indica el servicio y la maquina y dominio. El resto de los par�metros se toman por defecto, el puerto 80, el directorio, el ra�z del servidor y el documento por defecto de ese directorio.
http://www.lander.es/
webmaster/editor/ht1.html
Esta URL est� m�s completa en este caso se accede al fichero internet.html que se encuentra en el directorio internet del servidor de la WWW, www.lander.es/webmastere
ftp://ftp.lander.es/imagenes/globo.gifEn este caso se acceder� a un servidor de FTP an�nimo, ftp.lander.es por el protocolo FTP y se acceder� al fichero globo.gif del directorio de imagenes.
news:lander.esEn este caso se acceder� al grupo de news de la uca en el servidor de news definido por defecto en el navegador de la WWW, esta opci�n solo es soportada por los navegadores m�s modernos.
mailto://[email protected]Enviar� un mail a jrivera (yo).



Atras Inicio Adelante